<template>
	<button v-on:click="handlerClick" v-bind:style="styles">
		<slot></slot>
	</button>
</template>
<script>
export default {
	props:{
		color:{
			type:String,
			default:'blue'
		}
	},
	computed:{
		styles(){
			return{
				background:this.color
			}
		}
	},
	methods:{
		handlerClick(e){
			this.$emit('click',e);
		}
	}
}
</script>
<style scoped>
button{
	border:0px;
	outline:none;
	color:#fff;
	padding:4px 8px;
}
button:active{
	position:relative;
	top:1px;
	left:1px;
}
</style>



